<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>登陆后首页 - 美妆产品销售系统</title>
		<%@ include file="/common/include/title.jsp" %>
	</head>
	<body id="reportsPage">
		<div class="" id="home">
			<div class="container">
				<%@ include file="/common/include/header.jsp" %>
				<!-- row -->
				<div class="row tm-content-row tm-mt-big">
					<div class="tm-col tm-col-big">
						<div class="bg-white tm-block h-100">
							<h2 class="tm-block-title">Latest Hits</h2>
							<canvas id="lineChart"></canvas>
						</div>
					</div>
					<div class="tm-col tm-col-big">
						<div class="bg-white tm-block h-100">
							<h2 class="tm-block-title">Performance</h2>
							<canvas id="barChart"></canvas>
						</div>
					</div>
					<div class="tm-col tm-col-small">
						<div class="bg-white tm-block h-100">
							<canvas id="pieChart" class="chartjs-render-monitor"></canvas>
						</div>
					</div>
	
					<div class="tm-col tm-col-big">
						<div class="bg-white tm-block h-100">
							<div class="row">
								<div class="col-8">
									<h2 class="tm-block-title d-inline-block">Top Product List</h2>
	
								</div>
								<div class="col-4 text-right">
									<a href="products.html" class="tm-link-black">View All</a>
								</div>
							</div>
							<ol
								class="tm-list-group tm-list-group-alternate-color tm-list-group-pad-big">
								<li class="tm-list-group-item">Donec eget libero</li>
								<li class="tm-list-group-item">Nunc luctus suscipit
									elementum</li>
								<li class="tm-list-group-item">Maecenas eu justo maximus</li>
								<li class="tm-list-group-item">Pellentesque auctor urna nunc
								</li>
								<li class="tm-list-group-item">Sit amet aliquam lorem
									efficitur</li>
								<li class="tm-list-group-item">Pellentesque auctor urna nunc
								</li>
								<li class="tm-list-group-item">Sit amet aliquam lorem
									efficitur</li>
							</ol>
						</div>
					</div>
					<div class="tm-col tm-col-big">
						<div class="bg-white tm-block h-100">
							<h2 class="tm-block-title">Calendar</h2>
							<div id="calendar"></div>
							<div class="row mt-4">
								<div class="col-12 text-right">
									<a href="#" class="tm-link-black">View Schedules</a>
								</div>
							</div>
	
						</div>
					</div>
					<div class="tm-col tm-col-small">
						<div class="bg-white tm-block h-100">
							<h2 class="tm-block-title">Upcoming Tasks</h2>
							<ol class="tm-list-group">
								<li class="tm-list-group-item">List of tasks</li>
								<li class="tm-list-group-item">Lorem ipsum doloe</li>
								<li class="tm-list-group-item">Read reports</li>
								<li class="tm-list-group-item">Write email</li>
	
								<li class="tm-list-group-item">Call customers</li>
								<li class="tm-list-group-item">Go to meeting</li>
								<li class="tm-list-group-item">Weekly plan</li>
								<li class="tm-list-group-item">Ask for feedback</li>
	
								<li class="tm-list-group-item">Meet Supervisor</li>
								<li class="tm-list-group-item">Company trip</li>
							</ol>
						</div>
					</div>
				</div>
			<%@ include file="/common/include/footer.jsp" %>
	</body>
</html>